@CHARSET "UTF-8";

.container {
    background-color: #f5f5f5;
}

.product-list {
    width:1200px;
    margin: 0 auto;
}

.product-item {
    display:block;
    width:380px;
    height:450px;
    float:left;
    margin-top:30px;
    margin-left:30px;
}
.product-item:nth-child(3n+1) {
    margin-left:0;
}

.product-item .front {
    position:relative;
    width: 100%;
    height:100%;
    color:#000;
    background-color: #fff;
    padding:50px 60px;
}

.product-item  .hot {
    background: #fff url(../images/hot.png) no-repeat top right;
}

.product-item .product-img {
    display: table-cell;
    width: 280px;
    height: 280px;
    text-align: center;
    vertical-align: bottom;
}

.product-item .product-img img {
    max-width: 280px;
    max-height: 250px;
}

.product-item .product-name {
    text-align:center;
    font-size:24px;
    padding-top:30px;
}

.product-item .back {
    width: 100%;
    height:100%;
    color:#fff;
    padding:30px 50px;
    background: url(../images/product-item-back.png) no-repeat;
}

.product-item .product-content {
    padding-top:30px;
    width: 280px;
    height: 250px;
    font-size:16px;
    color:#fff;
}

.product-item  img.more {
    margin-left: 90px;
}